* {
    margin: 0;
    padding: 0%;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}

html,
body {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

#root {
    width: 100%;
    height: 100%;
    overflow: hidden;

    .wrap {
        width: 100%;
        height: 100%;
        overflow: hidden;

        .Title {
            width: 100%;
            height: 3rem;
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            z-index: 9;
        }

        .content {
            width: 100%;
            height: 80%;
            margin-top: 3rem;
            padding-bottom: 4rem;
        }

        .footer {
            width: 100%;
            height: 3rem;
            position: fixed;
            bottom: 0;
            display: flex;
            justify-content: space-around;
            align-items: center;
            z-index: 99;
            background-color: #F7F7F7;

            a {
                color: grey;
            }

            .link {
                display: flex;
                flex-direction: column;
                justify-content: space-around;
                align-items: center;
            }

            .active {
                color: salmon;
            }
        }
    }
}